<template>
  <view
    class="page"
    v-if="shenheStatus != 1 || !shenheAliStatus"
    :style="{ backgroundImage: 'url(' + stores.insurance_bg_img + ')' }"
  >
    <view class="content bgf">
      <view class="center-container">
        <u-input
          class="textarea"
          type="number"
          placeholder="请输入手机号"
          placeholder-style="color:#ccc;font-size:36rpx;margin-left:20rpx"
          v-model="phone"
        ></u-input>
        <view class="btn" @click="submit">点击查询</view>
      </view>
    </view>
    <view class="pof safe-area-inset-bottom"></view>
  </view>
  <Shenhe v-else-if="shenheStatus == 1"></Shenhe>
</template>

<script>
import Shenhe from "@/components/shenhe/shenhe";
export default {
  components: { Shenhe },
  data() {
    return {
        phone:"",
    };
  },
  methods: {
    submit() {
        this.$utils.toUrl(
            `/other/insurance/detail?phone=${this.phone}`,
            'navigate'
        );
    },
  },
};
</script>

<style lang="scss" scoped>
.page {
  height: 100vh; /* 设置高度为视窗高度的 100% */
  width: 100%; /* 设置宽度为100% */
  background-size: cover; /* 背景图片尺寸设为cover */
  box-sizing: border-box; /* 设置盒模型为边框模型 */
}

.center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 40px; /* 设置容器高度为40px */
  width: 80%; /* 设置容器宽度为80% */
  margin: 0 auto 0; /* 居中显示并向下移动20% */
}
/deep/.u-input__input {
  font-size: 36rpx !important;
  padding: 0 40rpx;
}

.textarea {
  width: 100%;
  height: 40px; /* 设置input高度为40px */
  background-color: white; /* 设置input背景为白色 */
  margin-bottom: 10px; /* 设置下边距为10px */
  border-radius: 20px; /* 设置圆角为8px */
  font-size:24rpx;
  margin-top: 100%;
}

.btn {
  width: 100%;
  height: 40px; /* 设置按钮高度为40px */
  background-color: #f77261; /* 设置按钮背景为红色 */
  color: white; /* 设置按钮文字颜色为白色 */
  text-align: center;
  line-height: 40px; /* 垂直居中文字 */
  border-radius: 20px; /* 设置圆角为8px */
  margin-top: 10px; /* 设置上边距为10px */
}
</style>
